import { Card, Progress, Statistic } from 'antd'
function LeaseChart() {
  return (
    <>
      <Card title="充电桩空闲统计" variant="borderless">
        <div
          style={{
            height: '200px',
            display: 'flex',
            flexDirection: 'column',
            justifyContent: 'center',
            alignItems: 'center'
          }}
        >
          <Progress type="circle" percent={75} />
          <Statistic
            title={'总充电桩数'}
            value={75}
            suffix="/ 100"
            className="mt-10"
            style={{
              display: 'flex',
              flexDirection: 'column',
              justifyContent: 'center',
              alignItems: 'center',
              fontSize: '13px'
            }}
          />
        </div>
      </Card>
    </>
  )
}

export default LeaseChart
